// components/product/productSum/productSum.js
const time = require('../../../utils/time.js')

Component({
  /**
   * 组件的属性列表
   */
  properties: {
  },

  /**
   * 组件的初始数据
   */
  data: {
    index:'day',//顶部导航栏的指引
    nowDate:'',//当前日期
    dateShow:'',//展示的日期
    chartData:[]//图表数据
  },

  lifetimes:{
    attached(){
      this.setData({
        nowDate:time.formatDate(new Date()),
        dateShow:time.formatDate(new Date())
      })
       this.getChartData(this.data.dateShow,this.data.index)
    }
  },
  observers:{
    'index':function(index){
      // 清空图表数据
      this.setData({
        chartData:[]
      })
      // 根据不同的单位显示日期及获取图表数据
      var date=''
      switch(index){
        case 'day':
          date=this.data.nowDate
          this.getChartData(date,index)
          break
        case 'month':
          date=this.data.nowDate.slice(0,7)
          this.getChartData(date,index)
          break
        case 'year':
          date=this.data.nowDate.slice(0,4)
          this.getChartData(date,index)
          break
      }
      this.setData({
        dateShow:date
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 按x查导航---变样式
    goIndex(e){
      this.setData({
        index:e.target.dataset.index,
      })
    },
    // picker更换日期
    dateChange:function(e){
      this.setData({
        dateShow:e.detail.value,
        chartData:[]
      })
      // 获取图表数据
      this.getChartData(e.detail.value,this.data.index)
    },
    // 获取每日数据的请求
    getDataByDay(date){
      wx.request({
        url: 'https://qichao.top:7443/MES/produce/getDataByDay',
        method:'POST',
        data:{
          day:date
        },
        header:{
          'Content-Type':'application/x-www-form-urlencoded',
          'token':wx.getStorageSync('token')
        },
        success:(res)=>{
          this.setData({
            chartData:[res.data.obj.goodNum + res.data.obj.badNum,...this.data.chartData]
          })
        }
      })
    },
    // 获取每月数据的请求
    getDataByMonth(date){
      wx.request({
        url: 'https://qichao.top:7443/MES/produce/getDataByMonth',
        method:'POST',
        data:{
          month:date
        },
        header:{
          'Content-Type':'application/x-www-form-urlencoded',
          'token':wx.getStorageSync('token')
        },
        success:(res)=>{
          this.setData({
            chartData:[res.data.obj.goodNum + res.data.obj.badNum,...this.data.chartData]
          })
        }
      })
    },
    // 获取每年数据的请求
    getDataByYear(date){
      wx.request({
        url: 'https://qichao.top:7443/MES/produce/getDataByYear',
        method:'POST',
        data:{
          year:date
        },
        header:{
          'Content-Type':'application/x-www-form-urlencoded',
          'token':wx.getStorageSync('token')
        },
        success:(res)=>{
          this.setData({
            chartData:[res.data.obj.goodNum + res.data.obj.badNum,...this.data.chartData]
          })
        }
      })
    },
    // 获取图表数据
    getChartData(date,index){
      // 显示加载弹窗
      var day=''
      date=date.split('-').join('') // 去掉日期的-
      if(index=='day'){
        day =date.slice(6,8)
        while(day--){
            this.getDataByDay(date)
            date -= 1
         }
      }else if(index=='month'){
        day=date.slice(5,6)
        while(day--){
          this.getDataByMonth(date)
          date -= 1
       }
      }else{
        var year=5
        while(year--){
          this.getDataByYear(date)
          date -= 1
        }
      }
    }
  }
})
